<template>
	<view>
		<button size="mini" @click="increment(-1)">-</button>
		<text>{{modelValue}}</text>
		<button size="mini" @click="increment(1)">+</button>
	</view>
</template>

<script>
	export default {
		// 接收参数modelValue
		props:{
			modelValue:{
				type:Number,//数字类型
				default:1//默认值是1
			},
			step:{ //步长
				type:Number,
				default:1
			}
		},
		methods:{
			increment(n){
				// 子传父： 子用事件$emits发送 父监听事件 @change获取事件的参数
				// 发送事件（update事件）
				this.$emit("update:modelValue",this.modelValue+(n*this.step))
				// 发送事件（change事件）
				this.$emit("change",{detail:{value:this.modelValue+(n*this.step)}})
			}
		}
	}
</script>

<style>
</style>